﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> Cache 测试 </title>

    <script src="../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>



    <script type="text/javascript">

        // 调用的次数.
        var vCallAjaxTimes = 0;


        $(document).ready(function () {

            // 按钮 的 点击处理事件.
            $("#btnGetRandomNextValue").click(function () {

                // 是否是用 cache
                var vUseCache;

                if ($("#chkUseCache").attr("checked") == "checked") {
                    // 选择勾上了.
                    // 使用 cache.
                    vUseCache = true;
                } else {
                    vUseCache = false;
                }


                // 调用 ajax 
                $.ajax({
                    url: "/WcfTestService.svc/GetRandomNextValue",
                    type: "get",
                    cache: vUseCache,
                    success: function (data) {
                        ShowAjaxResult(data.d);
                    },

                    error: function (msg) {
                        alert(msg.responseText);
                    }
                })
            });

        })



        // 显示  执行结果.
        function ShowAjaxResult(pResult) {

            vCallAjaxTimes = vCallAjaxTimes + 1;

            $("#lblCallAjaxResult").html("第" + vCallAjaxTimes + "次调用 后台服务，返回结果为：" + pResult);
        }

    </script>

</head>
<body>


<h4>
测试 jQuery 中 ， cache 参数的作用于影响.
</h4>



  <form id="form1" action="#">
     
    <table>
      
      <tr>
        <td>
          是否启用 cache ？
          <input id="chkUseCache" type="checkbox" checked="checked" />
        </td>

        <td>
            <input id="btnGetRandomNextValue" type="button" value="获取服务器的随机数" />
        </td>
      </tr>


    </table> 



<h4>
执行结果
</h4>

     <label id="lblCallAjaxResult"></label>


  </form>



<p>

    <strong>注意事项：</strong>
这个 cache 的默认值，是 true 的

在实际项目开发过程中， 如果存在 数据在不断变化的， 需要手动设置这个参数！



</p>


</body>
</html>
